<template>
  <el-container>
    <el-main class="nopadding">
      <scTable
        ref="table"
        :data="list"
        row-key="id"
        stripe
        :hideRefresh="true"
        :hideSetting="true"
      >
        <el-table-column
          label="产品名称"
          prop="name"
          min-width="100"
        ></el-table-column>
        <el-table-column
          label="规格型号"
          prop="specification"
          min-width="100"
        ></el-table-column>
        <el-table-column
          label="合同数量"
          prop="num"
          width="150"
        ></el-table-column>
        <el-table-column
          label="已生产数量"
          prop="produceNum"
          width="150"
        ></el-table-column>
        <el-table-column
          label="发货数量"
          prop="deliverNum"
          width="150"
        ></el-table-column>
        <el-table-column label="产品状态" prop="status" width="150">
          <template #default="scope">
            <p v-if="scope.row.produceStatus == 0">未生产</p>
            <p v-if="scope.row.produceStatus == 1" style="color: green">
              生产中
            </p>
            <p v-if="scope.row.produceStatus == 2" style="color: #2bd814">
              已完成
            </p>
          </template>
        </el-table-column>
      </scTable>
    </el-main>
  </el-container>
</template>
<script>
export default {
  data () {
    return {

    }
  },
  props: {
    list: {
      type: Array,
      required: true,
      default: () => {
        return []
      }
    }
  },
  mounted () { },
  methods: {

  },
};
</script>
<style></style>
